@CHARSET "UTF-8";

@import url("default.css");


a.details { color:#acacac; font-size:11px; }

.icon_add_btn {
	background:url(../images/icons/add.png) no-repeat 5px; 
	padding:5px 5px 5px 25px;
	border:1px solid #DFE0DE;
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
}

.hide { display:none; }

.button_area { margin:10px 0; text-align:right; }
.button_area button[type="submit"] { background:url(../images/icons/accept.png) no-repeat 5px; }

/*button[type="submit"] { background:url(../images/icons/accept.png) no-repeat 5px; }*/
a.cancel, button.cancel { background:url(../images/icons/arrow_undo.png) no-repeat 5px; }
a.add, button.add { background:url(../images/icons/add.png) no-repeat 5px; }
a.modify, button.modify { background:url(../images/icons/pencil.png) no-repeat 5px; }
a.delete, button.delete { background:url(../images/icons/delete.png) no-repeat 5px; }
a.accept, button.accept { background:url(../images/icons/accept.png) no-repeat 5px; }
a.password, button.password { background:url(../images/icons/password.png) no-repeat 5px; }
a.refresh, button.refresh { background:url(../images/icons/reload.png) no-repeat 5px; }

.width_10 { width:10%; }
.width_20 { width:20%; }
.width_30 { width:30%; }
.width_40 { width:40%; }
.width_50 { width:50%; }
.width_60 { width:60%; }
.width_70 { width:70%; }
.width_80 { width:80%; }
.width_90 { width:90%; }
.width_100 { width:100%; }

/* 크롬 때문에 5px 늘림. */
.width_30px { width:35px; text-align:right; }
.width_50px { width:55px; text-align:right; }



/***************
	dashboard
****************/
#container section.anniversary {  }
#container section.anniversary h3 { color:#a7a7a8; display:inline-block; padding:3px; }
#container section.anniversary h3 span.name { color:#ff4827; }
#container section.anniversary .detail { background:url(../images/icons/bullet_blue.png) no-repeat left 4px; float:right; padding:3px 3px 3px 15px;  }
#container section.anniversary .detail a { font-size:.8em; color:#acacac; }

#container section.anniversary .content { display:table; table-layout:fixed; width:100%; margin:8px 0; }
#container section.anniversary .content .status { display:table-cell; width:60%; }
#container section.anniversary .content .status h4 { width:100%; background-color:#f1f1f3; border-top:1px solid #e3e2e5; text-align:center; color:#838391; text-shadow:1px 1px 2px white; font-size:1em; padding:5px 0; }
#container section.anniversary .content .status ul { display:table; width:100%; padding-top:10px; }
#container section.anniversary .content .status ul li { display:table-cell; width:33%; text-align:center; padding:10px; }  
#container section.anniversary .content .status ul li p.day_title { font-size:20px; font-weight:bold; }
#container section.anniversary .content .status ul li p.day_title img { vertical-align:top; }
#container section.anniversary .content .status ul li p.day { font-size:28px; font-weight:bold; background:transparent; border:0px; padding-top:15px; font-family: Arial; color:red; }

#container section.anniversary .content .list { display:table-cell; width:40%; padding-left:10px;}
#container section.anniversary .content .list h4 { color:#6d747c; font-size:1em; }
#container section.anniversary .content .list ul { margin-top:10px; }
#container section.anniversary .content .list ul li { border-bottom:1px solid #eff0ef; }
#container section.anniversary .content .list ul li a { display:block; width:100%; padding:5px 0; font-size:1em; }
#container section.anniversary .content .list ul li a .name { display:inline-block; padding-left:20px; }
#container section.anniversary .content .list ul li a .day { float:right; margin-right:5px; }
#container section.anniversary .content .list ul li a .akddd { background:url(../../images/icons/bullet_black.png) no-repeat 0px -1px;  }
#container section.anniversary .content .list ul li a .gaeri { background:url(../../images/icons/bullet_pink.png) no-repeat 0px -1px; }


/***************
	회원 관리
****************/
#container section.member { width:100%; }
#container section.member ul.list li a p.email { font-size:.8em; }
#container section.member ul.list li a.button { padding:5px 5px 5px 25px; display:inline-block; }
#container section.member ul.list li a .buttons .red { background:url(../images/icons/key_delete.png) no-repeat 5px; }
#container section.member ul.list li a .buttons .blue { background:url(../images/icons/key_add.png) no-repeat 5px; }

#container section.member article.article .article_header h4 { background:url(../../images/icons/user.png) no-repeat 15px;  }
#container section.member article.article div.article table.table { width:99%; margin:0 auto; }
#container section.member article.article div.article table.table col.add { width: 150px; }

#container section.member article.article div.article .button_area { width:98%; margin:10px auto; text-align:right; }



/***************
	게시판 관리
****************/
#container section.board { width:100%; }

#container section.board .list_footer .btn_right a.writes { background:url(../images/icons/board_add.png) no-repeat 5px; }

#container section.board article.article .article_header h4 { background:url(../../images/icons/board.png) no-repeat 12px;  }
#container section.board ul.list li a.article h3 span.count { font-size:.7em; }
#container section.board ul.list li a.article h3 img.popup { cursor: pointer; margin-left:5px; }
#container section.board ul.list li a.article button.popup { border:0px; background:transparent url(../../images/icons/application_double.png) no-repeat; text-indent:-9999px; display:inline-block; padding:0px; }
#container section.board ul.list li a.article .buttons button.category { background:url(../../images/icons/category.png) no-repeat 5px; }


/* 게시판 추가 */
#menu_iconset ul.iconset li { display:inline-block; padding:5px; }
#menu_iconset ul.iconset li img { cursor:pointer; }


/* 카테고리 */


/***************
	기념일 관리
****************/
#container section.anniversary .solar { color:red; font-size:.7em; }
#container section.anniversary .lunar { color:#CCCC00; font-size:.7em; }

#container section.anniversary ul.list li a.article h3 span.main { color:#75AF50; }
#container section.anniversary .list_footer .btn_right a.writes { background:url(../images/icons/cake_add.png) no-repeat 5px; }

#container section.anniversary article.article .article_header h4 { background:url(../../images/icons/cake.png) no-repeat 12px 16px;  }
#container section.anniversary article.article div.article .info { margin:10px auto; width:99%; color:#2788AB; }
#container section.anniversary article.article div.article .info .solar { font-size:.9em; }
#container section.anniversary article.article div.article .info .lunar { font-size:.9em; }
#container section.anniversary article.article div.article .days { font-size: 4em; padding: 20px 0; text-align: center; }
#container section.anniversary article.article div.article hr.hr { border: 1px solid #75AF50; width:99%; margin:0 auto; }
#container section.anniversary article.article div.article .repeat { width:99%; margin:0 auto; font-size:.9em; padding:10px 0; }
#container section.anniversary article.article div.article table.table { width:99%; margin:0 auto; }
#container section.anniversary article.article div.article table.table col.name { width:80px; }

/***************
	메뉴 관리
****************/
#container section.menu .list_footer .btn_right a.writes { background:url(../images/icons/menu.png) no-repeat 5px; }

#container section.menu article.article .article_header h4 { background:url(../../images/icons/menu.png) no-repeat 12px 16px;  }

/* 메뉴 추가 */
section.board_add button.menu_icon_select, section.menu_add button.menu_icon_select { padding:2px 2px 2px 25px; background:url(../../images/icons/kmenu.png) no-repeat 5px; display:inline-block; }
section.board_add .select_icon, section.menu_add .select_icon { display:inline-block; }
section.board_add .select_icon img.icon, section.menu_add .select_icon img.icon { margin-bottom:3px; margin-right:3px; }